<template>
  <div class="box">
    <div class="box-header with-padding">
      <sea-table-title title="产品列表"></sea-table-title>
    </div>
    <div class="box-body">
      <el-row class="products-list product-list-in-box">
        <el-col class="item">
          <div class="product-img">
            <img src="/static/img/head_01.png" alt="Product Image">
          </div>
          <div class="product-info">
            <a href="javascript:void(0)" class="product-title">Samsung TV
              <span class="label label-warning pull-right">$1800</span></a>
            <span class="product-description">Samsung 32" 1080p 60Hz LED Smart HDTV.</span>
          </div>
        </el-col>
        <!-- /.item -->
        <el-col class="item">
          <div class="product-img">
            <img src="/static/img/head_02.png" alt="Product Image">
          </div>
          <div class="product-info">
            <a href="javascript:void(0)" class="product-title">Bicycle
              <span class="label label-info pull-right">$700</span></a>
            <span class="product-description">26" Mongoose Dolomite Men's 7-speed, Navy Blue.</span>
          </div>
        </el-col>
        <!-- /.item -->
        <el-col class="item">
          <div class="product-img">
            <img src="/static/img/head_03.png" alt="Product Image">
          </div>
          <div class="product-info">
            <a href="javascript:void(0)" class="product-title">Xbox One <span
                class="label label-danger pull-right">$350</span></a>
            <span class="product-description">Xbox One Console Bundle with Halo Master Chief Collection.</span>
          </div>
        </el-col>
        <!-- /.item -->
        <el-col class="item">
          <div class="product-img">
            <img src="/static/img/head_04.png" alt="Product Image">
          </div>
          <div class="product-info">
            <a href="javascript:void(0)" class="product-title">PlayStation 4
              <span class="label label-success pull-right">$399</span></a>
            <span class="product-description">PlayStation 4 500GB Console (PS4)</span>
          </div>
        </el-col>
        <!-- /.item -->
        <!--  </ul>-->
      </el-row>
    </div>
  </div>
</template>

<script>
/**
 *
 * 产品列表，类似于淘宝的购物车
 */
export default {
    name: "ProductList"
}
</script>

<style scoped>

</style>
